<template>
	<view class="container">
		<view class="all-info">
			<view class="money-info">
				<view class="info">
					<view class="bank">
						<text class="bank-text">到账银行卡</text>
						<view class="">
							<text><text class="yticon icon-shouhoutuikuan"></text>工商银行(9275)</text>
							<text class="in-time">2小时到账</text>
						</view>
					</view>
				</view>
			</view>
			<view class="money-info">
				<view class="info-one">
					<view class="cash-money">
						<text class="text-tit">提现金额</text>
						<view class="money-input">
							<text>￥</text>
							<input type="text" value="" placeholder="请输入提现金额"/>
						</view>
						
					</view>
				</view>
			</view>
			<view class="money-info">
				<view class="info-two">
					<view class="tips">
						<text>当前余额5000元，</text>
						<text class="tips-one">全部提现</text>
					</view>
				</view>
			</view>
		</view>
		
		<view class="but">
			<button>确认提现</button>
		</view>
	</view>
</template>

<script>
	import uniIcons from '../../ed-icons/ed-icons.vue'
	export default {
		components: {
		
			uniIcons
		},  
		data() {
			return {
				select:' bill_select',
				selectfles:'top_item '
			}
		},
		methods: {
			navTo(url){
				uni.navigateTo({  
					url
				})  
			}
		}
	}
</script>
<style lang="scss">
	page{
		background: #f7f7f7;
		position: relative;
	}
	.money-info{
		width: 95%;
		margin: 0 auto;
		background: #fff;
		position: relative;
		top: 200upx;
		border-bottom: 1px solid #dfdfdf;
		
		.info{
			width: 95%;
			margin: 0 auto;
			padding: 28upx 0;
			
			.bank{
				width: 62%;
				display: flex;
				justify-content: space-between;
				
				text{
					font-size: 30upx;
				}
				
				.bank-text{
					padding-top: 10upx;
				}
				
				.yticon{
					color: #fa436a;
					padding-right: 10upx;
					font-size: 32upx;
				}
				
				.in-time{
					font-size: 25upx;
					color: #dfdfdf;
					display: block;
				}
			}
		}
		
		.info-one{
			width: 95%;
			margin: 0 auto;
			padding: 18upx 0;
			
			.cash-money{
				
				.text-tit{
					font-size: 30upx;
				}
				.money-input{
					display: flex;
					padding-top: 12upx;
					
					text{
						font-size: 40upx;
					}
					input{
						font-size: 35upx;
					}
				}
			}
		}
		
		
		.info-two{
			width: 95%;
			margin: 0 auto;
			padding: 40upx 0;
			
			.tips{
				align-items: center;
				display: flex;

				text{
					font-size: 28upx;
					color: #c8c8c8;
				}
				.tips-one{
					color: #d23934;
				}
			}
		}
	}
	
	.but{
		position: relative;
		top: 280rpx;
		width: 75%;
		margin: 0 auto;
		
		button{
			background: #d23931;
			color: #fff;
		}
	}
</style>

